<script>
	$(document).ready(function(){
			
		list_user = $('#list_service').dataTable({
			"bFilter" : true,
			"bJQueryUI" : true,
			"aLengthMenu": [[10,25,50, 100, -1], [10,25,50,100, "Semua"]],
			"sPaginationType": "full_numbers",
			"oLanguage": {
				"sLengthMenu": "Menampilkan _MENU_ data",
				"sZeroRecords": "Belum ada data yang tersimpan",
				"sInfoFiltered": "(Hasil filter dari _MAX_ yang didapat)"
			}
		});
	});
</script>
<style>
	th{
		cursor: pointer;
	}
	th .ui-icon {
		display :none;
	}
</style>
<div style="width : 700px;margin : 0 auto;">
<table id="list_service" width="700" border="0">
	<thead>
		<tr>
			<th width="50">No</th>
			<th width="100">nama servis</th>
                        <th width="100">harga</th>
                        <th width="100">keterangan</th>
			<th width="100">Aksi</th>
		</tr>
	</thead>
	<tbody>
		<?php for ($i = 0; $i < count($list_service); $i++) { ?>
			<tr>
				<td align="center"><?php echo ($i + 1) ?></td>
				<td align="center"><?php echo $list_service[$i]['nama_servis'] ?></td>
                                <td align="center"><?php echo $list_service[$i]['harga'] ?></td>
                                <td align="center"><?php echo $list_service[$i]['keterangan'] ?></td>
				<td align="center">
					<a href="<?php echo SERVICE ?>edit_service/<?php echo $list_service[$i]['id'] ?>">Edit</a> 
					| 
					<a href="<?php echo SERVICE ?>delete_service/<?php echo $list_service[$i]['id'] ?>" onclick="return confirm_msg()">Delete</a>
				</td>
			</tr>
		<?php } ?>
	</tbody>
</table>
</div>
<a href="<?php echo SERVICE ?>add_service" class="tombol">add</a>